.floating {
  position: fixed;
  inset: 0;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.5);
  .card {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    background-color: white;
    padding: 0.5rem 0.5rem env(safe-area-inset-bottom);
    @extend .flex-column-normal;
    .title {
      padding: 15px 0;
      font-weight: bold;
    }
    .content {
      font-size: $font-size-small;
      color: $font-second;
      line-height: 1.4;
    }
    .btn {
      width: 100%;
      margin: 15px 0;
      height: 40px;
      border-radius: 40px;
      background: $primary-color;
      line-height: 40px;
      text-align: center;
      color: white;
    }
  }
}